FENG SHIWEN 0374595

7/12/2024-4/1/2025 FENG SHIWEN  /  0374595 Bachelor of Design in Creative Media    Taylor's University  INSTRUCTION Final Project Objective: The objective of this assignment is to bring your website redesign to life by developing a fully functional website based on  the prototype created in the previous assignment. This final product should reflect all the design and user experience decisions made throughout the project, resulting in a polished and professional website. Assignment Description: Building on your redesign proposal and prototype, you are now required to develop the final working website. This website should be fully functional, demonstrating your ability to implement web design principles, front-end development techniques, and best practices in user experience (UX) and accessibility. Website Development: Implementation: Convert your prototype into a fully functioning websit...

20/11/2024-7/12/2024 FENG SHIWEN  /  0374595 Bachelor of Design in Creative Media    Taylor's University   INSTRUCTION LECTURE WEEK 9 - Box Model Overview The box model is a fundamental concept for understanding layout in CSS. It consists of four areas: 1. Content: The innermost part containing text or images. 2. Padding: Space between the content and border. 3. Border: Surrounds the padding, defined by width and style. 4. Margin: Space between the border and adjacent elements. Key Properties Define sizes using units like px, em, or %. Example: div {     padding: 10px;     border: 2px solid black;     margin: 20px; } Display Property 1. Block: Elements start on a new line and stretch across the page (e.g., <div>). 2. Inline: Elements stay in the same line as the content (e.g., <span>). 3. Inline-block: Combines block’s size control with inline’s flow. 4. Flex/Grid:...

16/10/2024-20/11/2024 FENG SHIWEN  /  0374595 Bachelor of Design in Creative Media    Taylor's University   INSTRUCTION LECTURE WEEK 3 - HTML & CSS   HTML Basics ID and Class Attributes ID Attribute: Assigns a unique identifier to an HTML element, useful for applying distinct styles or scripting logic. No two elements on the same page should share the same ID. Class Attribute: Groups elements with a shared name, enabling consistent styling or behavior across multiple elements. Block and Inline Elements: Block Elements: Such as <h1> and <p>, occupy the full width of the page and start on a new line. Inline Elements: Such as <a> and <img>, remain in the same line as neighboring elements. CSS Overview Purpose of CSS: Defines the appearance of web content, including colors, fonts, spacing, and layout. CSS Rule Structure: Selector: Targets the HTML elements to style. Decla...

23/9/2024-ending week FENG SHIWEN  /  0374595 Bachelor of Design in Creative Media    Taylor's University   INSTRUCTION LECTURE WEEK2 What is Usability? Usability refers to how effectively, efficiently, and successfully a particular user can utilise a product or design in a certain situation. It is a part of User Experience (UX) Design. It is the second level of UX Design  A design’s usability depends on how well its features accommodate users’ needs and contexts. When users first encounter an interface, they should be able to find their way about easily enough to achieve objective without relying on expert knowledge An interface with high usability guides users through its easiest route to achieve its goal Key Principle of Usability Consistency Consistency is a key factor in web design for both visual elements and functionality.  Consistency ensures that your website looks coherent and works harmoniously across ...